<template>
  <div class="all">
    <table class="tab1">
      <tr class="trs">
        <td class="title" colspan="3"><b>房屋登记薄 所有权部分</b></td>
      </tr>
      <tr class="trs">
        <td class="td1">房屋编号：</td>
        <td class="td2" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.roomNo}}</td>
      </tr>
      <tr class="trs">
        <td class="td6">内容\序号</td>
        <td class="td6">01</td>
        <td class="td6">02</td>
      </tr>
      <tr class="trs">
        <td class="td1">业务宗号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.businessNum}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.businessNum}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">所有权人：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.proposerName}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.commonerName}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">身份证明号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.proposerCard}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.commonerCard}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">户籍所在地：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.proposerAddress}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.commonerAddress}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">共有情况：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.gyqk}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.gyqk}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">房屋取得方式：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.higherSrcid}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.higherSrcid}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">房屋性质：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.higherLandNature}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.higherLandNature}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">所有权证号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.ownerErtificateNum}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.ownerErtificateNum}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">登记时间：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.registerTime}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.registerTime}}</td>
      </tr>
      <tr class="trs">
        <td class="td1">终审人/登薄人：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.aa}}</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO2.aa}}</td>
      </tr>
      <tr class="trs">
        <td class="td4">附记：</td>
        <td class="td2" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{syqForm.syqVO1.excursus}}</td>
      </tr>  
      <tr class="trs">
        <td class="td4" colspan="3">注：所有权补、换证情况，以及共有人情况在本附记栏中记载。</td>
      </tr>  
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      directoryId:sessionStorage.getItem("directoryId"),
      syqForm: {},
    };
  },
  methods: {
    loadSyq() {
      this.$axios.post("/register-serv/directory/selSyq/"+ this.directoryId).then((res) => {
        this.syqForm = res.data.data.map;
      });
    },
  },
  mounted() {
    this.loadSyq();
  },
};
</script>
<style scoped>
.all {
  border: 0px solid blue;
  width: 1200px;

}

.tab1 {
  border: 0px solid blue;
  height: 400px;
  width: 100%;
  border-collapse: collapse;
}

.title {
  border: 1px solid blue;
  width: 100%;
  font-size: 20px;
  height: 10px;
  align-content: center;
  line-height: 30%;
}

.trs {
  border: 0px solid blue;
  height: 10px;
  width: 100%;
  line-height: 0%;
}

.td1 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: left;
}

.td2 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: left;
  color: blue;
}
.td3 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: center;
  color: blue;
}
.td4 {
  border: 1px solid blue;
  height: 10px;
  width: 11%;
  text-align: left;
}
.td5 {
  border: 1px solid blue;
  height: 10px;
  width: 88%;
  text-align: left;
}
.td6 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: center;
}
</style>